<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>巨鑫金艺</title>
<link href="${pageContext.request.contextPath}/static/browser/images/favicon.png" rel="shortcut icon" type="image/x-icon" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/browser/css/common.css" type="text/css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/browser/css/style.css" type="text/css" />

<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/jquery-1.11.1.min.js"></script>
<%-- <script type="text/javascript" src="${pageContext.request.contextPath}/static/browser/js/yourphp.nav.js"></script> --%>
<%-- <script type="text/javascript" src="${pageContext.request.contextPath}/static/browser/js/yourphp.js"></script> --%>
<%-- <script type="text/javascript" src="${pageContext.request.contextPath}/static/browser/js/iframeTools.js"></script> --%>
<%-- <script type="text/javascript" src="${pageContext.request.contextPath}/static/browser/js/swfupload.js"></script> --%>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/browser/js/jquery.validate.js"></script>
</head>
<body class="lybg">
<div id="header">
  <div class="logo"><a href="javascript:;" target="_blank" ><img style=" width: 100%; height: 100%;" src="${pageContext.request.contextPath}/static/browser/images/favicon.png" alt="" /></a></div>
  <div class="top_icon">
    <div class="top_icon_l">+分享：</div>
    <div class="top_icon_r">
      <!-- JiaThis Button BEGIN -->
      <div class="jiathis_style"><a class="jiathis_button_qzone"></a><a class="jiathis_button_tsina"></a><a class="jiathis_button_tqq"></a><a class="jiathis_button_renren"></a><a class="jiathis_button_kaixin001"></a><a href="javascript:;" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a></div>
      <!-- JiaThis Button END -->
    </div>
    <div class="tel" style="font-size:18px;font-weight:bold;font-style:italic;">服务热线 : 15775722326</div>
  </div>
</div>
<div class="w980">
  <div class="page">
    <div class="box_t"></div>
    <div class="box_m">
      <div class="nav" id="nav">
        <ul id="nav_box">
          <li id="nav_37" class="first folder"><span class="fl_ico"></span><a href="javascript:;" img-type="fdmc" title="防盗门窗"><span class="fl">防盗门窗</span></a></li>
          <li id="nav_40" class="folder"><span class="fl_ico"></span><a href="javascript:;" img-type="ty" title="铁艺"><span class="fl">铁艺</span></a></li>
          <li id="nav_29" class="folder"><span class="fl_ico"></span><a href="javascript:;" img-type="tyfspt" title="铁艺扶手平台"><span class="fl">铁艺扶手平台</span></a></li>
          <li id="nav_34" class="folder"><span class="fl_ico"></span><a href="javascript:;" img-type="tymhgd" title="铁艺门花隔断"><span class="fl">铁艺门花隔断</span></a></li>
          <li id="nav_35" class="folder"><span class="fl_ico"></span><a href="javascript:;" img-type="tywl" title="铁艺围栏"><span class="fl">铁艺围栏</span></a></li>
          <li id="nav_36" class="folder"><span class="fl_ico"></span><a href="javascript:;" img-type="tyxm" title="铁艺小门"><span class="fl">铁艺小门</span></a></li>
          <li id="nav_20" class="foot folder"><span class="fl_ico"></span><a href="${pageContext.request.contextPath}/browserIndex/browserIndex.do?method=about" title="关于我们"><span class="fl">关于我们</span></a></li>
        </ul>
      </div>
      
      <!--效果开始-->
      <div class="column1_left">
        <div class="container" id="idTransformView2">
          <ul class="slider slider2" id="idSlider2">
            <li><a href="javascript:;"><img src="${pageContext.request.contextPath}/static/oldImage/fdmc/1098370447.jpg"  alt="防盗门窗" width="944" height="450"></a></li>
            <li><a href="javascript:;"><img src="${pageContext.request.contextPath}/static/oldImage/ty/1098370351.jpg"  alt="铁艺" width="944" height="450"></a></li>
            <li><a href="javascript:;"><img src="${pageContext.request.contextPath}/static/oldImage/tyfspt/1098370488.jpg"  alt="铁艺扶手平台" width="944" height="450"></a></li>
            <li><a href="javascript:;"><img src="${pageContext.request.contextPath}/static/oldImage/tymhgd/1098370546.jpg"  alt="铁艺门花隔断" width="944" height="450"></a></li>
            <li><a href="javascript:;"><img src="${pageContext.request.contextPath}/static/oldImage/tywl/1098370426.jpg"  alt="铁艺围栏" width="944" height="450"></a></li>
            <li><a href="javascript:;"><img src="${pageContext.request.contextPath}/static/oldImage/tyxm/1098370411.jpg"  alt="铁艺小门" width="944" height="450"></a></li>
          </ul>
          <ul class="num" id="idNum2">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
          </ul>
        </div>
      </div>
      <script type="text/javascript" src="${pageContext.request.contextPath}/static/browser/js/lanrenzhijia.js"></script>
      <!--End-->
      <div class="clear"></div>
    </div>
    <div class="box_b"></div>
  </div>
</div>
<div class="clear"></div>
<div class="w980">
  <div class="index_title_anli"><a href="javascript:;" class="right recommend_read_more"></a></div>
</div>
<div class="clear"></div>
<div class="w980" id="load_img_div">
</div>
<div class="clear"></div>
<div class="w980">
  <div class="index_title_360"><a href="javascript:;" class="right recommend_read_more"></a></div>
</div>
<div class="clear"></div>
<div class="w980" style="height:345px">
  <div class="main_l_360">
    <div class="design_tu_b"><b></b><span>防盗门窗</span><A href="javascript:;" target="_blank"><img src="${pageContext.request.contextPath}/static/images/fdmc/1098370459.jpg" title="防盗门窗" width="284" height="284" border="0" /></A></div>
  </div>
  <div class="main_r_360">
    <ul>
      <li>
        <div class="design_tu"><b></b><span>铁艺</span><A href="javascript:;" target="_blank"><img src="${pageContext.request.contextPath}/static/images/ty/1098370368.jpg" title="铁艺" width="174" height="119" border="0" /></A></div>
      </li>
      <li>
        <div class="design_tu"><b></b><span>铁艺扶手平台</span><A href="javascript:;" target="_blank"><img src="${pageContext.request.contextPath}/static/images/tyfspt/1098370499.jpg" title="铁艺扶手平台" width="174" height="119" border="0" /></A></div>
      </li>
      <li>
        <div class="design_tu"><b></b><span>铁艺门花隔断</span><A href="javascript:;" target="_blank"><img src="${pageContext.request.contextPath}/static/images/tymhgd/1098370556.jpg" title="铁艺门花隔断" width="174" height="119" border="0" /></A></div>
      </li>
      <li>
        <div class="design_tu"><b></b><span>铁艺围栏</span><A href="javascript:;" target="_blank"><img src="${pageContext.request.contextPath}/static/images/tywl/1098370427.jpg" title="铁艺围栏" width="174" height="119" border="0" /></A></div>
      </li>
      <li>
        <div class="design_tu"><b></b><span>铁艺小门</span><A href="javascript:;" target="_blank"><img src="${pageContext.request.contextPath}/static/images/tyxm/1098370411.jpg" title="铁艺小门" width="174" height="119" border="0" /></A></div>
      </li>
    </ul>
  </div>
</div>
<!--装修日记-->
<div class="clear"></div>
<!-- <div class="w980">
  <div class="main_l">
    <div class="index_zhidao_title"><a href="javascript:;" class="right recommend_read_more"></a></div>
    <div class="line"></div>
    <div class="index_zhidao">
      <ul>
        <li>【<b>装修日记</b>】<a href="javascript:;" target="_blank" title="现代混搭·设计控的装修日记">现代混搭·设计控的装修日记</a></li>
        <li>【<b>装修日记</b>】<a href="javascript:;" target="_blank" title="两房现代风格成长记 经济型装修 闭口合同的">两房现代风格成长记 经济型装修 ...</a></li>
        <li>【<b>装修日记</b>】<a href="javascript:;" target="_blank" title="9o后猫小苗的现代简约 小窝装修记">9o后猫小苗的现代简约 小窝装修...</a></li>
        <li>【<b>装修日记</b>】<a href="javascript:;" target="_blank" title="买房苦装修更是一场持久战">买房苦装修更是一场持久战</a></li>
        <li>【<b>装修日记</b>】<a href="javascript:;" target="_blank" title="看完木木写的装修日记·相信你也可以懂装修">看完木木写的装修日记·相信你也...</a></li>
        <li>【<b>装修日记</b>】<a href="javascript:;" target="_blank" title="装饰公司： 交房啦">装饰公司： 交房啦</a></li>
        <li>【<b>装修日记</b>】<a href="javascript:;" target="_blank" title="装饰公司： 小窝 开工啦">装饰公司： 小窝 开工啦</a></li>
        <li>【<b>装修日记</b>】<a href="javascript:;" target="_blank" title="装饰公司：黄山新苑开工前">装饰公司：黄山新苑开工前</a></li>
      </ul>
    </div>
    <div class="index_zhidao">
      <ul>
        <li>【<b>金艺知识</b>】<a href="javascript:;" target="_blank" title="如何选择金属材料及注意事项">如何选择金属材料及注意事项</a></li>
        <li>【<b>金艺知识</b>】<a href="javascript:;" target="_blank" title="如何选购装饰板的方法和注意事项">如何选购装饰板的方法和注意事项</a></li>
        <li>【<b>金艺知识</b>】<a href="javascript:;" target="_blank" title="正确的认识和了解合成金属">正确的认识和了解合成金属</a></li>
        <li>【<b>金艺知识</b>】<a href="javascript:;" target="_blank" title="家庭装修金属板材的选择">家庭装修金属板材的选择</a></li>
        <li>【<b>金艺知识</b>】<a href="javascript:;" target="_blank" title="消费者如何正确的选择乳胶漆">消费者如何正确的选择乳胶漆</a></li>
        <li>【<b>金艺知识</b>】<a href="javascript:;" target="_blank" title="家庭装修装饰材料和涂料的选择">家庭装修装饰材料和涂料的选择</a></li>
      </ul>
    </div>
  </div>
  <div class="main_r">
    <div class="index_cg_title"></div>
    <div class="line"></div>
    <div class="index_cg">
      <ul>
        <li><a href="javascript:;" target="_blank" title="装饰公司2014中国年装修综合博览会完美收官">装饰公司2014中国年装修综合博览会完美...</a></li>
        <li><a href="javascript:;" target="_blank" title="新年新气象，锦旗飘扬之光">新年新气象，锦旗飘扬之光</a></li>
        <li><a href="javascript:;" target="_blank" title="提高自身专业素养，争做优秀人">提高自身专业素养，争做优秀人</a></li>
        <li><a href="javascript:;" target="_blank" title="2014，我们一起装修吧！">2014，我们一起装修吧！</a></li>
        <li><a href="javascript:;" target="_blank" title="上海装饰公司携手并进共创美好明天">上海装饰公司携手并进共创美好明天</a></li>
        <li><a href="javascript:;" target="_blank" title="您的满意，我的荣誉">您的满意，我的荣誉</a></li>
        <li><a href="javascript:;" target="_blank" title="你们的肯定，我们的信心">你们的肯定，我们的信心</a></li>
        <li><a href="javascript:;" target="_blank" title="第五届实景装修咨询会">第五届实景装修咨询会</a></li>
      </ul>
    </div>
  </div>
</div> -->
<!--装修日记-->
<div class="clear"></div>
<div class="w980">
  <div class="box_t"></div>
  <div class="box_m">
    <div id="bgcontainer3">
      <div id="container3">
        <div class="link"><span>友链链接：</span><a href="javascript:;" target="_blank" >巨鑫金艺</a><a href="javascript:;" target="_blank" >恒凯装饰公司</a><a href="javascript:;" target="_blank" >闸北装潢公司</a><a href="javascript:;" target="_blank" >统帅装饰</a><a href="javascript:;" target="_blank" >上海装修设计公司</a></div>
      </div>
    </div>
    <div class="clear"></div>
  </div>
  <div class="box_b"></div>
</div>
<div class="clear"></div>
<div class="w980 height20"></div>
<div id="bgfooter">
  <div id="footer">
    <div class="copyright" style="width:200px;">
      <div class="copyright1"><a href="javascript:;" title=""><img style=" width: 100%; height: 100%;" src="${pageContext.request.contextPath}/static/browser/images/favicon.png" alt="" /></a></div>
      <div class="copyright2">Copyright@2019 | <a href="http://www.miit.gov.cn/n1146312/index.html" target="_blank">工信部网站</a>
        <br /><span style="color: #797878;">巨鑫金艺 备案号:19007319号-1</span>
      </div>
    </div>
    <div class="subnav">
      <div class="subnav3" style="width:110px;"><strong><a href="javascript:;" title="防盗门窗">防盗门窗</a></strong>
      	<span><a href="javascript:;" title=""></a></span>
      </div>
      <div class="subnav3" style="width:110px;"><strong><a href="javascript:;" title="铁艺">铁艺</a></strong>
      	<span><a href="javascript:;" title=""></a></span>
      </div>
      <div class="subnav3" style="width:110px;"><strong><a href="javascript:;" title="铁艺扶手平台">铁艺扶手平台</a></strong>
      	<span><a href="javascript:;" title=""></a></span>
      </div>
      <div class="subnav3" style="width:110px;"><strong><a href="javascript:;" title="铁艺门花隔断">铁艺门花隔断</a></strong>
      	<span><a href="javascript:;" title=""></a></span>
      </div>
      <div class="subnav3" style="width:110px;"><strong><a href="javascript:;" title="铁艺围栏">铁艺围栏</a></strong>
      	<span><a href="javascript:;" title=""></a></span>
      </div>
      <div class="subnav3" style="width:110px;"><strong><a href="javascript:;" title="铁艺小门">铁艺小门</a></strong>
      	<span><a href="javascript:;" title=""></a></span>
      </div>
      <!-- <div class="subnav3" style="width:100px;"><strong><a href="javascript:;" title="服务支持">关于我们</a></strong>
      	<span><a href="javascript:;" title="公司介绍">公司介绍</a></span>
      	<span><a href="javascript:;" title="联系我们">联系我们</a></span>
      </div> -->
    </div>
  </div>
</div>
<div class="clear"></div>
<script type="text/javascript">
(function(){
	var curImg = 6;//当前图片编号
	var tatolImg = 0; //当前分类图片总数
	var list = [];//图片集合
	
	var type="${param.imgType}"||"fdmc";
	var title="";
	$(document).ready(function(){ 
		$("a[img-type="+type+"]").click();
		//getData(type);//获取数据
		
		$(window).scroll(function(){ 
			// 被卷去的高度 
			var scrollTop = document.body.scrollTop||document.documentElement.scrollTop; 
			// 页面高度 
			var pageHeight = $(document).height(); 
			// 可视区域高度 
			var viewHeight = $(window).height(); 
			//alert(viewHeight); 
			//当滚动到底部时 
			if((scrollTop+viewHeight)>(pageHeight-200)){
				if(curImg < tatolImg){//防止无限制的增长 
					var startnum=curImg;
					var endnum=2*startnum>tatolImg?tatolImg:2*startnum;
					var arr=list.slice(startnum,endnum)// 0-5 6-12
					for(var i=0;i<arr.length;i++){
						++curImg;
						var opt={
								type:type,
								imgName:arr[i],
								title:title
							}
						loadItemImg(opt);
					}
				} 
			} 
		}); 
	});
	$("#nav_box").find("a").each(function(index){
		$(this).on("click",function(){
			//移除其他的on,给点击的添加on
			$("#nav_box").find("li").each(function(){
				$(this).removeClass("on");
			});
			
			$(this).parent().addClass("on");
			type=$(this).attr("img-type");
			title=$(this).attr("title");
			if(type!=null&&type!=''&& typeof type!='undefined'){
				getData(type,title);
			}else{
				//alert("关于");
			}
			
		})
	})
	
	//获取数据
	function getData(imgType,title){
		$.ajax({
			url:"${pageContext.request.contextPath}/image/getAllFiles",
			type:"post",
			async:false,
			dataType:"json",
			success:function(data){
				$("#load_img_div").html("");
				list=data[imgType];
				tatolImg=list.length;//当前分类的总数
				var arrlength=list.length;
				curImg=arrlength>6?6:arrlength;//第一次只加载六个
				for(var i=0;i<curImg;i++){
					var opt={
							type:imgType,
							imgName:list[i],
							title:title
						}
						loadItemImg(opt);
				}
			}
		});
	}
	
	function loadItemImg(data){
		var _div=$("<div class='anli322'></div>");
		var _tu_div=$("<div class='anli322_tu'></div>");
		var _tu_a=$("<a href='' target='_blank'></a>");
		var _tu_img=$("<img src=''  title=''  width='284' height='198' border='0'>");
		var _title_div=$("<div class='anli322_title'></div>");
		_tu_img.attr("src","${pageContext.request.contextPath}/static/images/"+data.type+"/"+data.imgName);
		_tu_a.append(_tu_img);
		_tu_div.append(_tu_a);
		_div.append(_tu_div);
		_title_div.text(data.title);
		_div.append(_title_div);
		_div.fadeIn("slow");
		$("#load_img_div").append(_div);
		
	}
	
})();
</script>
</body>
</html>
